<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Kubeflow</title>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.orange-light_blue.min.css" />
    <link rel="stylesheet" href="styles.css">
  
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

  </head>
  <body class="mdl-demo mdl-color-text--white mdl-base">
    <header class="collapse navbar-collapse mdl-layout__header mdl-color--primary mdl-shadow--8dp">
      <div class="mdl-layout mdl-layout__header-row mdl-color-text--white">
        <h1>Kubeflow</h1>
      </div>
      <div class="mdl-layout__tab-bar mdl-js-ripple-effect mdl-color-text--white">
        <a href="https://www.kubeflow.org/docs/about/kubeflow/" class="mdl-layout__tab mdl-color-text--white">Kubeflow docs</a>
        <a href="/hub/" class="mdl-layout__tab is-active mdl-color-text--white">JupyterHub</a>
        <a href="/tfjobs/ui/" class="mdl-layout__tab mdl-color-text--white">TFJob Dashboard</a>
        <a href="/k8s/ui/" class="mdl-layout__tab mdl-color-text--white">k8s Dashboard</a>
        <a href="/katib/" class="mdl-layout__tab mdl-color-text--white">Katib Dashboard</a>
      </div>  
    </header>
    <br>
    <br>
  </body>
</html>
